<?php
    // The $body_* variables are for compatibility with pre-existing css
    $page_title = 'เริ่มต้นกับ Firefox';
    $body_id    = 'central';
    $body_class = 'portal-page';
    $extra_headers = <<<EXTRA_HEADERS
    <link rel="stylesheet" type="text/css" href="{$config['static_prefix']}/style/tignish/getting-started.css" media="screen" />
EXTRA_HEADERS;
    @include_once "{$config['file_root']}/{$lang}/includes/header-portal-pages.inc.php";
?>

<div id="main-feature">
	<h2>เริ่มต้นกับ Firefox</h2>
	<p>นี่เป็นบางส่วนของเว็บไซต์, ส่วนเสริมและเกร็ดของ Firefox ที่เราชื่นชอบเพื่อช่วยให้คุณเริ่มต้นใช้งานได้ ขอให้สนุก!</p>
</div>

<div id="gettingstarted-feature" class="pager pager-with-tabs">

	<ul id="gettingstarted-nav" class="pager-tabs">
		<li id="work-link" class="first"><a href="#feature-work">ทำงาน</a></li>
		<li id="learn-link"><a href="#feature-learn">เรียนรู้</a></li>
		<li id="play-link"><a href="#feature-play">เล่น</a></li>
		<li id="connect-link" class="last"><a href="#feature-connect">เชื่อมต่อ </a></li>
	</ul>

	<div class="pager-content">

		<div class="gettingstarted-feature-contents" id="feature-work">
			<script type="text/javascript">// <![CDATA[
			document.getElementById('feature-work').id = 'page-feature-work';
			// ]]></script>
			<div class="col1">

				<h3>ส่วนหนึ่งของเว็บที่เราชื่นชอบ</h3>

				<h4><a href="http://docs.google.com/" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-googledocs.png" alt="Google Docs" height="65" width="110" />Google Docs</a></h4>
				<p>บริการที่ทำให้คุณสามารถสร้างและแก้ไขเอกสารร่วมกับเพื่อนของคุณแบบออนไลน์</p>
				<h4><a href="http://www.rememberthemilk.com/" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-rtm.png" alt="Remember the Milk" height="65" width="110" />Remember the Milk</a></h4>
				<p>คุณเป็นคนชอบจดสิ่งที่ต้องทำหรือเปล่า? ถ้าใช่ลองใช้บริการฟรีที่ให้คุณจัดการรายการสิ่งที่ต้องทำแบบออนไลน์ดูสิ</p>
				<h4><a href="http://www.linkedin.com/" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-linkedin.png" alt="LinkedIn" height="65" width="110" />LinkedIn</a></h4>
				<p>เครื่องมือช่วยเสริมสร้างความแข็งแกร่งของ เครือข่ายผู้ร่วมงานมืออาชีพของคุณและยังจะช่วยเพิ่มเครือข่ายใหม่ ๆ ให้กับคุณด้วย</p>

			</div>

			<div class="col2">

				<h3>เกร็ด Firefox</h3>
				<p>ไม่ต้องกังวลกับการสะกดคำผิดของคุณ ระบบตรวจสอบคำสะกดที่ติดตั้งมาใน Firefox จะช่วยคุณเอง</p>

				<h3 class="try-this">ลองส่วนเสริมนี้ดูสิ</h3>
				<h4><a href="https://addons.mozilla.org/<?=$lang?>/firefox/addon/1407" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-clipmarks.png" alt="Clipmarks Add-on" height="65" width="110" />ส่วนเสริม Clipmarks</a></h4>
				<p>แทนที่จะทำที่คั่นหน้าทั้งหน้า คุณสามารถตัด, บันทึก และ แบ่งปันเฉพาะบางส่วนบนหน้าเว็บได้ เพื่อการอ้างอิงในอนาคตของคุณ</p>

			</div>
		</div>

		<div class="gettingstarted-feature-contents" id="feature-learn">
			<script type="text/javascript">// <![CDATA[
			document.getElementById('feature-learn').id = 'page-feature-learn';
			// ]]></script>
			<div class="col1">

				<h3>ส่วนหนึ่งของเว็บที่เราชื่นชอบ</h3>

				<h4><a href="http://www.wikipedia.org/" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-wikipedia.png" alt="Wikipedia" height="65" width="110" />วิกิพีเดีย</a></h4>
				<p>บทความสารานุกรมเสรีนับล้านที่สร้างโดยบุคคลทั่วไปบนปลายนิ้วของคุณ </p>
				<h4><a href="http://www.topix.com/" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-topix.png" alt="Topix" height="65" width="110" />Topix</a></h4>
				<p>ข่าวที่ถูกรวบรวมจากแหล่งข่าวนับพันแห่ง บนเว็บที่ขับเคลื่อนด้วยชุมชน</p>
				<h4><a href="http://www.howstuffworks.com" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-howstuffworks.png" alt="HowStuffWorks.com" height="65" width="110" />HowStuffWorks.com</a></h4>
				<p>รู้สึกสงสัยในทุก ๆ สิ่ง และ ทุก ๆ อย่างไหม? ในที่สุดคุณก็รู้แล้วล่ะ</p>

			</div>

			<div class="col2">

				<h3>เกร็ด Firefox</h3>
				<p>เพื่อความมั่นใจว่าคุณค้นหาในสิ่งที่คุณต้องการจริง ๆ - คุณสามารถเพิ่มตัวค้นหาลงในกล่องค้นหาของ Firefox ได้ด้วยตัวของคุณเอง</p>

				<h3 class="try-this">ลองส่วนเสริมนี้ดูสิ</h3>
				<h4><a href="https://addons.mozilla.org/<?=$lang?>/firefox/addon/735" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-answers.png" alt="Answers Add-on" height="65" width="110" />ส่วนเสริม Answers</a></h4>
				<p>ชี้และคลิกคำบนหน้าจอเพื่อหาข้อมูลที่คุณกำลังมองหาอยู่ </p>

			</div>
		</div>

		<div class="gettingstarted-feature-contents" id="feature-play">
			<script type="text/javascript">// <![CDATA[
			document.getElementById('feature-play').id = 'page-feature-play';
			// ]]></script>
			<div class="col1">

				<h3>ส่วนหนึ่งของเว็บที่เราชื่นชอบ</h3>

				<h4><a href="http://www.youtube.com/" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-youtube.png" alt="YouTube" height="65" width="110" />YouTube</a></h4>
				<p>ดูวิดีโอนับล้านจากทั่วโลก รวมไปถึงอัพโหลดและแบ่งปันวิดีโอของคุณ</p>
				<h4><a href="http://www.hypem.com/" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-hypemachine.png" alt="Hype Machine" height="65" width="110" />Hype Machine</a></h4>
				<p>ค้นหา ฟังและซื้อเพลงที่ถูกกล่าวถึงในบล็อก MP3 ที่ดีที่สุด</p>
				<h4><a href="http://www.getmiro.com/" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-miro.png" alt="Miro" height="65" width="110" />Miro</a></h4>
				<p>ตัวเล่นโทรทัศน์ทางอินเทอร์เน็ตและวิดีโอที่ฟรีและเปิดซอร์ส</p>

			</div>

			<div class="col2">

				<h3>เกร็ด Firefox</h3>
				<p>ใช้ตัวจัดการส่วนเสริมเพื่อค้นพบหนทางอื่น ๆ ในการปรับแต่ง Firefox ให้เป็นอย่างที่คุณต้องการ</p>

				<h3 class="try-this">ลองส่วนเสริมนี้ดูสิ</h3>
				<h4><a href="https://addons.mozilla.org/<?=$lang?>/firefox/addon/5579" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-piclens.png" alt="PicLens Add-on" height="65" width="110" />ส่วนเสริม PicLens</a></h4>
				<p>เปลี่ยนเบราว์เซอร์ของคุณให้เป็นตัวดูรูปภาพออนไลน์แบบเต็มจอและโต้ตอบได้</p>

			</div>
		</div>

		<div class="gettingstarted-feature-contents" id="feature-connect">
			<script type="text/javascript">// <![CDATA[
			document.getElementById('feature-connect').id = 'page-feature-connect';
			// ]]></script>
			<div class="col1">

				<h3>ส่วนหนึ่งของเว็บที่เราชื่นชอบ</h3>

				<h4><a href="http://www.gumtree.com/" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-gumtree.png" alt="Gumtree" height="65" width="110" />Gumtree</a></h4>
				<p>โฆษณาย่อยและกระดานสนทนาที่ครอบคลุมเกือบทุกเมืองในอังฤษ</p>
				<h4><a href="http://www.qype.co.uk/" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-qype.png" alt="Qype" height="65" width="110" />Qype</a></h4>
				<p>เว็บไซต์ที่ผลักดันโดยชุมชนในการแนะนำบาร์ ภัตคาร ร้านขายของและบริการในท้องถิ่นของคุณ</p>
				<h4><a href="http://www.facebook.com/" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-facebook.png" alt="Facebook" height="65" width="110" />Facebook</a></h4>
				<p>เว็บไซต์เครือข่ายสังคมที่ทำให้คุณเชื่อมโยงกับเพื่อนของคุณในทุก ๆ ที่</p>

			</div>

			<div class="col2">

				<h3>เกร็ด Firefox</h3>
				<p>รู้ข่าวคราวเพื่อนของคุณได้โดยการรับฟีดเว็บของพวกเขา</p>

				<h3 class="try-this">ลองส่วนเสริมนี้ดูสิ</h3>
				<h4><a href="https://addons.mozilla.org/<?=$lang?>/firefox/addon/4365" class="external"><img src="<?=$config['static_prefix']?>/img/tignish/gettingstarted/sites-medium.png" alt="Me.dium Add-on" height="65" width="110" />ส่วนเสริม Me.dium</a></h4>
				<p>ส่วนเสริมที่ช่วยให้คุณท่องเว็บและแชทกับเพื่อนของคุณไปพร้อม ๆ กันได้</p>

			</div>
	</div>

</div>

</div>

<div id="firefox-info">
	<h3>ข้อมูลเพิ่มเติมของ Firefox</h3>
	<p>
		 
		<a href="/<?=$lang?>/firefox/tips/">เกร็ดและความสามารถพิเศษ</a> | 
		<a href="http://support.mozilla.com/">ช่วยเหลือ</a>
	</p>
</div>

<div id="mozilla-info">
	<h3>ข้อมูลเพิ่มเติมของ Mozilla</h3>
	<p>
		<a href="/<?=$lang?>/firefox/about/">Mozilla คืออะไร?</a> | 
		<a href="/<?=$lang?>/firefox/community/">เข้ามามีส่วนร่วม</a> | 
		<a href="http://intlstore.mozilla.org" class="external">ร้านค้า Mozilla</a>
	</p>
</div>


<?php
	$extra_footers = <<<EXTRA_FOOTERS
<script type="text/javascript" src="/includes/yui/2.5.1/utilities/utilities.js"></script>
<script type="text/javascript" src="/js/mozilla-pager.js"></script>

EXTRA_FOOTERS;
    @include_once "{$config['file_root']}/{$lang}/includes/footer-portal-pages.inc.php";
?>
